<!DOCTYPE html>
<html lang="en">
 <head>
  <title>AdPanel AjaxControlToolkit behavior</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta charset="utf-8" />
  <link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.10.3/themes/redmond/jquery-ui.css" rel="stylesheet" type="text/css" />
  <link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  
  <script type="text/javascript" src="Scripts/MicrosoftAjax/Start.js"></script>
  <script type="text/javascript" src="Scripts/MicrosoftAjax/extended/ExtendedControls.js"></script>
  <script type="text/javascript" src="Scripts/MyClientControls/RegisterMyClientControls.js"></script>
  <script type="text/javascript"> 
	Sys.require([Sys.scripts.AdPanel], function(){
		
	  $(document).ready(function() {
	    $create(Sys.Extended.UI.AdPanel, 
		{	 
		  Title: "Partners", 
		  Width: 270,
		  Height: 'auto',
		  Content: Sys.Extended.UI.AdPanelContent.Wrap,
		  Position: Sys.Extended.UI.AdPanelPosition.Right,
		  Layer: Sys.Extended.UI.AdPanelLayer.Block,
		  Ads: [
			  { 	
				tooltip: "Bajai cégek és vállalkozások | tlap.hu", 
				link: "http://bajaicegek.tlap.hu/",
			        width: Sys.Extended.UI.AdWidth.Reponsive,
				content: '<h4><span class="label label-info">bajaicegek.tlap.hu</span></h4>'
			  },
			  {
				tooltip: "AjaxControlToolkit",
				link: "http://ajaxcontroltoolkit.codeplex.com/",
				image: "img/partners/ToolkitLogo.jpg",
				width: Sys.Extended.UI.AdWidth.Inherit
			  },
			  {
				tooltip: "Fedora Linux",
				link: "http://fedoraproject.org/hu/",
				image: "http://fedoraproject.org/static/images/banners/f19release.png",
				width: Sys.Extended.UI.AdWidth.Reponsive
			  },
			  {
				tooltip: "Eclipse IDE",
				link: "http://www.eclipse.org/",
				image: "http://www.eclipse.org/eclipse.org-common/themes/Nova/images/eclipse.png",
				width: Sys.Extended.UI.AdWidth.Reponsive
			  }
		      ]
		  }, 
		  null, 
		  null, 
		  $get("centercontent"));		
		});
	});   
      </script>
 </head>
 <body>
 	<h1>AdPanel AjaxControlToolkit behavior</h1>
 	<div id="centercontent">
 		The AdPanel behavior wrap this content, and align the AdPanel by property of Position.
        <div> ... other content ...</div>
 	</div>
 </body>
</html>
